﻿@charset "utf-8";

/* 内外边距通常让各个浏览器样式的表现位置不同 */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, del, em, font, ins, q, s, samp, dl, dt, dd, ol, ul, li, form, label, legend, caption, textarea, tbody{margin: 0;padding: 0;}

#wap {max-width:640px;margin-left: auto;margin-right: auto; width:100%; height:100%; overflow-x:hidden; background-color:#F8F8F8;}
body{font-size:12px;font-family:'Microsoft YaHei';}
/* 去掉 table cell 的边距并让其边重合 */
table{border-collapse: collapse;border-spacing: 0;}
.Max-width{ max-width:640px;margin-left: auto;margin-right: auto;}
/* ie bug：th 不继承 text-align */
th{text-align: inherit; }

/* 去除默认边框 */
fieldset, img{border: none;}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe{display: block;}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym{border: none;font-variant: normal;}
:focus{
/* remember to define focus styles! */
outline: 0;}
/*图片自适应*/
.img-auto {
	width: 100%;
	height: auto;
}
.base-bg-color {background-color:#8CC888;}
.btn-base {
    border:1px #8CC888 solid;
    color:#8CC888;
}
    .btn-base:focus {
         color:#8CC888;
    }
.br0 {border-right: 0;
}
.bl0 {border-left: 0;
}
.bg-garde {
	 
	border: 1px solid #8CC888;
}

.b {
	border: 1px solid #bcbcbc;
}
.bt {
	border-top: 1px solid #bcbcbc;
}
.bl {
	border-left: 1px solid #bcbcbc;
}
.br {
	border-right: 1px solid #bcbcbc;
}
.bb {
	border-bottom: 1px solid #bcbcbc;
}
.bdd {
	border: 1px dashed #bcbcbc;
}
.bddt {
	border-top: 1px dashed #bcbcbc;
}
.bddb {
	border-bottom: 1px dashed #bcbcbc;
}
.bddl {
	border-left: 1px dashed #bcbcbc;
}
.bddr {
	border-right: 1px dashed #bcbcbc;
}
.border_w {
	border: 1px solid White;
}
/* 文字排版 */
.f4 {
	font-size: 4px;
}
.f5 {
	font-size: 5px;
}
.f6 {
	font-size: 6px;
}
.f7 {
	font-size: 7px;
}
.f8 {
	font-size: 8px;
}
.f9 {
	font-size: 9px;
}
.f10 {
	font-size: 10px;
}
.f11 {
	font-size: 11px;
}
.f12 {
	font-size: 12px;
}
.f13 {
	font-size: 13px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.f20 {
	font-size: 20px;
}
.f25 {
	font-size: 25px;
}
.f30 {
	font-size: 30px;
}
.fb {
	font-weight: bold;
}
.fn {
	font-weight: normal;
}
.t2 {
	text-indent: 2em;
}

/* 行高 */
.lh10 {
	line-height: 10px;
}
.lh20 {
	line-height: 20px;
}
.lh30 {
	line-height: 30px;
}
.lh40 {
	line-height: 40px;
}
.lh50 {
	line-height: 50px;
}
.lh60 {
	line-height: 60px;
}
.lh70 {
	line-height: 70px;
}
.lh80 {
	line-height: 80px;
}
.lh90 {
	line-height: 90px;
}
.lh100 {
	line-height: 100px;
}

.unl {
	text-decoration: underline;
}
.no_unl {
	text-decoration: none;
}
.arial {
	font-family: arial;
}
.simsun {
	font-family: '宋体';
}
.yahei {
	font-family: '微软雅黑';
}
.f_title {
	font-size: 18px;
}
/* 字体颜色 */
.white {
	color: white;
}
.commonfc {
    color:#CFCFCF;
}
.red {
	color: red;
}
.red2 {
	color: #e34503;
}
.green {
	color: green;
}
.blue {
	color: #106cff;
}
.blue_s {
	color: #19a5e0;
}
.yellow {
	color: #F37B0B;
}
.gray {
	color: gray;
}
.gray-small {
	color: #9d9d9d;
}
.orange {
	color: #f60;
}
/*背景色*/
.bg-white {
	background-color: White;
}
.bg-gray {
	background-color: Gray;
}
.bg-lime {
	background-color: Lime;
}
.bg-blue {
	background-color: Blue;
}
.bg-red {
	background-color: Red;
}

/*圆角*/
.br1 {
	border-radius: 1px;
}
.br2 {
	border-radius: 2px;
}
.br3 {
	border-radius: 3px;
}
.br4 {
	border-radius: 4px;
}
.br5 {
	border-radius: 5px;
}
/* 定位 */
.tl {
	text-align: left;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.bc {
	margin-left: auto;
	margin-right: auto;
}
/* blockCenter */
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}
.cb {
	clear: both;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.pf-top {
    width:100%;
    position:fixed !important;
    top:0;
    left:0;
    background-color:white;
    z-index:99;
}
.pf-bottom {
   width:100%;
    position:fixed !important;
    bottom:0;
    left:0;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
.vm {
	vertical-align: middle;
}
.abs-right {
	position: absolute;
	right: 0;
}
.hidden {
	visibility: hidden;
}
.none {
	display: none;
}
.block {
	display: block;
}
/* 长度 */
.w {
	width: 100%;
}
.w10 {
	width: 10px;
}
.w20 {
	width: 20px;
}
.w30 {
	width: 30px;
}
.w40 {
	width: 40px;
}
.w50 {
	width: 50px;
}
.w60 {
	width: 60px;
}
.w70 {
	width: 70px;
}
.w80 {
	width: 80px;
}
.w90 {
	width: 90px;
}
.w100 {
	width: 100px;
}
.w120 {
	width: 120px;
}
.w150 {
	width: 150px;
}
.w180 {
	width: 180px;
}
.w210 {
	width: 210px;
}
.w240 {
	width: 240px;
}
.w295 {
	width: 295px;
}
.w690 {
	width: 690px;
}
.w960 {
	width: 960px;
}
.w1000 {
	width: 1000px;
}
.w10b {
	width: 10%;
}
.w20b {
	width: 20%;
}
.w25b {
	width: 25%;
}
.w30b {
	width: 30%;
}
.w33b {
	width: 33%;
}
.w40b {
	width: 40%;
}
.w50b {
	width: 50%;
}
.w60b {
	width: 60%;
}
.w70b {
	width: 70%;
}
.w80b {
	width: 80%;
}
.w90b {
	width: 90%;
}
.w93b {
	width: 93%;
}
.w100b {
	width: 100%;
}
.h {
	height: 100%;
}
.h10 {
	height: 10px;
}
.h20 {
	height: 20px;
}
.h30 {
	height: 30px;
}
.h40 {
	height: 40px;
}
.h50 {
	height: 50px;
}
.h60 {
	height: 60px;
}
.h70 {
	height: 70px;
}
.h80 {
	height: 80px;
}
.h90 {
	height: 90px;
}
.h100 {
	height: 100px;
}
/*图片w%*/
.w_img100 {
	width: 100%;
}
.w_img95 {
	width: 95%;
}
.w_img90 {
	width: 90%;
}
.w_img80 {
	width: 80%;
}
.w_img60 {
	width: 60%;
}
.w_img50 {
	width: 50%;
}
.w_img30 {
	width: 30%;
}
.m0 {
	margin: 0;
}
.m5 {
	margin: 5px;
}
.m10 {
	margin: 10px;
}
.m15 {
	margin: 15px;
}
.m20 {
	margin: 20px;
}
.m25 {
	margin: 25px;
}
.m30 {
	margin: 30px;
}
.mt0 {
	margin-top: 0;
}
.mt5 {
	margin-top: 5px;
}
.mt-5 {
    margin-top: -5px;
}
.mt10 {
	margin-top: 10px;
}
.mt-10 {
    margin-top: -10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mb0 {
	margin-bottom: 0;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb70 {
	margin-bottom: 70px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb90 {
	margin-bottom: 90px;
}
.mb100 {
	margin-bottom: 100px;
}
.ml0 {
	margin-left: 0;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml25 {
	margin-left: 25px;
}
.ml30 {
	margin-left: 30px;
}
.mr0 {
	margin-right: 0;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr25 {
	margin-right: 25px;
}
.mr30 {
	margin-right: 30px;
}
.p0 {
	padding: 0;
}
.p5 {
	padding: 5px;
}
.p10 {
	padding: 10px;
}
.p15 {
	padding: 15px;
}
.p20 {
	padding: 20px;
}
.p25 {
	padding: 25px;
}
.p30 {
	padding: 30px;
}
.pt0 {
	padding-top: 0;
}
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt25 {
	padding-top: 25px;
}
.pt30 {
	padding-top: 30px;
}
.pt35 {
	padding-top: 35px;
}
.pt40 {
	padding-top: 40px;
}
.pb0 {
	padding-bottom: 0;
}
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb25 {
	padding-bottom: 25px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
.pl0 {
	padding-left: 0;
}
.pl5 {
	padding-left: 5px;
}
.pl10 {
	padding-left: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}
.pl25 {
	padding-left: 25px;
}
.pl30 {
	padding-left: 30px;
}
.pr0 {
	padding-right: 0;
}
.pr5 {
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}
.pr15 {
	padding-right: 15px;
}
.pr20 {
	padding-right: 20px;
}
.pr25 {
	padding-right: 25px;
}
.pr30 {
	padding-right: 30px;
}
/*行高*/
.lh20 {
	line-height: 20px;
}
.lh25 {
	line-height: 25px;
}
.lh30 {
	line-height: 30px;
}
.lh35 {
	line-height: 35px;
}
.lh40 {
	line-height: 40px;
}
.lh45 {
	line-height: 45px;
}
.lh50 {
	line-height: 50px;
}
.lh55 {
	line-height: 55px;
}
.lh60 {
	line-height: 60px;
}
.lh70 {
	line-height: 70px;
}
.lh80 {
	line-height: 80px;
}
.lh90 {
	line-height: 90px;
}
.lh100 {
	line-height: 100px;
}



/* 透明度 */
.op0{
	opacity:0;
}

 /*开启bootstrap该样式的事件功能*/
.form-control-feedback {
	pointer-events: auto;
}
 
.top-bar{width:100%;background-color:#F37B0B;color:White;position:fixed;top:0;z-index:999;}
.top-bar > div{height:100%;line-height:40px;height:40px;}
.top-bar > .top-left{font-size:30px;}
.top-bar > .title{text-align:center;}
.top-bar > .top-right{text-align:right;padding-right:15px;}


/*顶部样式*/
.top {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.top-nav-body {
	height: 40px;
	background-color: #8CC888;
	color: #FFF;
}

.top-nav-body .top-left, .top-nav-body .top-right, .top-nav-body .top-title{
	height: 40px;
	line-height: 40px;
	text-align: center;
}

.top-nav-body .top-left {
	font-size: 25px;
}

.top-nav-body .top-title {
	font-size: 16px;
}

.top-nav-body .top-left, .top-nav-body .top-right {
	width: 50px;
}


 


/*缺省按钮*/
.btn-normal {
	color: #fff;
 
	border-color: #e27714;
}

.btn-normal:focus, .btn-normal.focus {
	color: #fff;
 
	border-color: #e27714;
}

.btn-normal:hover {
	color: #fff;
 
	border-color: #e27714;
}